<template>
    <div>
        <el-button @click="openDialog">
            打开弹窗
        </el-button>
        <share-dialog :visible="isOpen" :title="'ShareDialog'" :onCancel="()=>isOpen=false"></share-dialog>
    </div>
</template>

<script>
import { ShareDialog } from "../../packages/index";
export default {
    name:"Dialog",
    components:{
        ShareDialog
    },
    data(){
        return {
            isOpen:false,
        }
    },
    methods:{
        openDialog(){
            console.log('---------')
            this.isOpen = true
        }
    }
}
</script>

<style>

</style>